<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<!--框架必需start-->
		<script type="text/javascript" src="../../libs/js/jquery.js"></script>
		<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
		<script type="text/javascript" src="../../libs/js/framework.js"></script>
		<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" id="skin" prePath="../../" />
		<link rel="stylesheet" type="text/css" id="customSkin" />
		<!--框架必需end-->
				
		<!--基本选项卡start-->
		<script type="text/javascript" src="../../libs/js/nav/basicTab.js"></script>
		<!--基本选项卡end-->
		<script src="../../libs/js/graphical/raphael.js" type="text/javascript"></script>
		<script src="../../libs/js/graphical/progress.js" type="text/javascript"></script>
		
		<link rel="stylesheet" type="text/css" href="style/style.css"/>
		<style type="text/css">
			
			
			.basicTabModern_current_center.basicTabModern_normal_center{
				color: #FF6100!important;
			}
			
			.basicTabModern_top{
				background: #FAFAFA;
				padding-top: 0;
			}
			.basicTabModern_normal_center{
				margin-left: 0px;
			}
			.basicTabModern_con{
				background: #fff;
			}
			.basicTab_top .disabled {
			    color: #555E67!important;
			}
			.basicTab{
				background: #fff;
			}
			#holder {
                position: relative;
                width: 120px;
                height: 120px;
                /*margin: 10px auto;*/
            }
            #holder img{
            	display: block;
				width: 60px;
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -30px 0 0 -30px;
            }
		</style>
	</head>

	<body>
		<div class="basicTab" id="basicTab-3-2">
			<div name="安全中心" style="width:100%;height:auto;" itemDisabled="true">
				<div class="condition_win">
					<div class="security">
						<div class="show">
							<div id="holder">
					           <img src="style/show.png"/>
					  		</div>

						</div>
						<div class="text">
							<p>155****9351,您的账号安全级别<span>中</span>，建议提升安全设置</p>
							<p style="font-size: 12px;">您可以：<span style="color: #4A9FDB;">设置交易密码</span></p>
						</div>
						<div class="clear"></div>
					</div>
					<div class="center">
						<table border="0" cellspacing="0" cellpadding="0" style="width: 1000px;">
							<tr>
								<td style="width: 250px;">
									<p class="title"><span>CF手游1批 </span>(600011)<i>协议卖</i></p>
								</td>
								<td>
									<p class="title">买方会员：陈默默(7777777)</p>
								</td>
							</tr>
						</table>
						<table border="0" cellspacing="0" cellpadding="0" style="width: 1000px;">
							<tr>
								<td style="width: 200px;">
									<div class="money">
										<p>转让单价(元/张)</p>
										<span>1.60</span>
									</div>
								</td>
								<td style="width: 200px;">
									<div class="money">
										<p>转让数量(张)</p>
										<span>5000</span>
									</div>
								</td>
								<td>
									<div class="money">
										<p class=" no_bor">预计实数(元)</p>
										<p class=" no_bor"><span style="color: #FF6100;">8,000.00 </span>(预计扣除手续费0.00元)</p>
									</div>
								</td>
								<td>
									<div class="money no_bor">
										<button type="button" id="search" class="primary" style="float: right;width: 80px;">查 询</button>
										<div class="clear"></div>
									</div>
								</td>
							</tr>
						</table>
						<table border="0" cellspacing="0" cellpadding="0" style="width: 1000px;">
							<tr>
								<td style="width: 250px;">
									<p class="title"><span>CF手游1批 </span>(600011)<i>协议卖</i></p>
								</td>
								<td>
									<p class="title">买方会员：陈默默(7777777)</p>
								</td>
							</tr>
						</table>
						<table border="0" cellspacing="0" cellpadding="0" style="width: 1000px;">
							<tr>
								<td style="width: 200px;">
									<div class="money">
										<p>转让单价(元/张)</p>
										<span>1.60</span>
									</div>
								</td>
								<td style="width: 200px;">
									<div class="money">
										<p>转让数量(张)</p>
										<span>5000</span>
									</div>
								</td>
								<td>
									<div class="money">
										<p class=" no_bor">预计实数(元)</p>
										<p class=" no_bor"><span style="color: #FF6100;">8,000.00 </span>(预计扣除手续费0.00元)</p>
									</div>
								</td>
								<td>
									<div class="money no_bor">
										<button type="button" id="search" class="primary" style="float: right;width: 80px;">查 询</button>
										<div class="clear"></div>
									</div>
								</td>
							</tr>
						</table>
						<table border="0" cellspacing="0" cellpadding="0" style="width: 1000px;">
							<tr>
								<td style="width: 250px;">
									<p class="title"><span>CF手游1批 </span>(600011)<i>协议卖</i></p>
								</td>
								<td>
									<p class="title">买方会员：陈默默(7777777)</p>
								</td>
							</tr>
						</table>
						<table border="0" cellspacing="0" cellpadding="0" style="width: 1000px;">
							<tr>
								<td style="width: 200px;">
									<div class="money">
										<p>转让单价(元/张)</p>
										<span>1.60</span>
									</div>
								</td>
								<td style="width: 200px;">
									<div class="money">
										<p>转让数量(张)</p>
										<span>5000</span>
									</div>
								</td>
								<td>
									<div class="money">
										<p class=" no_bor">预计实数(元)</p>
										<p class=" no_bor"><span style="color: #FF6100;">8,000.00 </span>(预计扣除手续费0.00元)</p>
									</div>
								</td>
								<td>
									<div class="money no_bor">
										<button type="button" id="search" class="primary" style="float: right;width: 80px;">查 询</button>
										<div class="clear"></div>
									</div>
								</td>
							</tr>
						</table>
						
					</div>
				</div>
			</div>
			
		</div>
		<script type="text/javascript">
			var radius = 50;
		    var paramBg = {stroke: "#ebf1f7", "stroke-width": 5};
		    var paramOrange = {stroke: "#FD7018", "stroke-width": 5,"stroke-linecap":"round"};
		    $(function(){
		       	var paper =initPaper("holder", 120, 120);   
		        //paper,current,min,max,cx,cy,radius,param,paramBg
		        drawRingProgress(paper,23,0,30,60,60,radius,paramOrange,paramBg);
		    })

		</script>
	</body>

</html>